@extends('master')
@section('title', $apartment->fecha_formatted() )
@section('content')

<div class="container-fluid" id="destacados">
    <div class="row">
        <div class="col-lg-12">
            <h3>The Apartment</h3>
        </div>
        <div class="col-md-6 col-sm-6">
            @if( !$images->isEmpty() )
                @foreach($images as $image)
                <img class="lazy img-full" data-original="{{ URL::to($image->img->url('apartment')) }}" alt="{{ $image->title }}"/>
                {{ HTML::epigrafe ($image->title) }}
                @endforeach
            @endif
        </div>
        <div class="col-md-6 col-sm-6">
            <p><b>{{ $apartment->fecha_formatted() }}</b> </p>
            <p>{{ $apartment->lugar }}</p>
            <p>{{ $apartment->texto }}</p>
            <br>
            {{--*/ $titulo= 'Apartment '. $apartment->fecha_formatted() /*--}}
            @include('compartir', ['titulo' => $titulo])
            <hr>
            <div class="row">
                <div class="col-md-8">
                    <h4>Inscribirse</h4>
                    <div id="info" class="alert alert-info" style="display: none">
                        <ul class="list-unstyled"></ul>
                    </div>
                    {{ Form::open(['id' => 'contacto', 'url' => URL::to('contact_request')])  }}
                        <div class="form-group">
                            {{ Form::label('nombre', 'Nombre*') }}
                            {{ Form::text('nombre', Input::old('nombre'), ['class' => 'form-control']) }}
                        </div>
                        <div class="form-group">
                            {{ Form::label('email', 'Email*') }}
                            {{ Form::email('email', Input::old('email'), ['class' => 'form-control']) }}
                        </div>
                        <div class="form-group">
                            {{ Form::label('mensaje', 'Mensaje*') }}
                            {{ Form::textarea('mensaje', Input::old('mensaje'), ['size' => '10x5', 'class' => 'form-control']) }}
                        </div>
                        {{ Form::submit('Enviar', array('class' => 'btn btn-default')) }}
                    {{ Form::close() }}
                </div>
            </div>
            <hr>
            @if( !$otrosApartments->isEmpty() )
                <h4>Otros</h4>
                <ul class="list-inline">
                    <li>|</li>
                    @foreach ($otrosApartments as $apartment)
                        <li><a href="{{ URL::route('apartment', ['fecha'=> $apartment->fecha->toDatestring(), 'id' => $apartment->id] ) }}">{{ $apartment->fecha_formatted() }}</a></li>
                        <li>|</li>
                    @endforeach
                </ul>
            @endif
        </div>
    </div>
    <br>
</div>
@stop

@section('scripts-down')
<script>
    $(document).ready(function(){
        $("#contacto").submit(function(e){
            e.preventDefault();

            var formData = $('#contacto').serialize(); // serialize all the data in the form
            var info = $('#info');

            $.ajax({
                url: "{{ URL::to('contact_request') }}",
                type: 'post',
                dataType: 'json', // formato de la data que recibe del server
                data: formData,
                success: function(data){

                    info.hide().find('ul').empty();

                    if(!data.success){
                        $.each(data.errors, function(index, error){
                            info.find('ul').append('<li>' + error + '</li>');
                        });
                        info.slideDown();
                    }
                    else{
                        $('#contacto').remove();
                        info.find('ul').append('<li>' + data.message + '</li>');
                        info.slideDown();
                    }
                },
                error: function() {
                    info.hide().find('ul').empty();
                    info.find('ul').append('<li>El mensaje no fue enviado. Inténtelo nuevamente.</li>');
                    info.slideDown();
                }
            });
        });
    });

</script>
@stop